﻿@model Framework.Models.ErrorRedirectViewModel
@{
	Layout = null;
}

<!DOCTYPE html>

<html>
<head>
	<meta name="viewport" content="width=device-width" />
	<title>@Model.Title</title>
	<style type="text/css">
		* {
			padding: 0;
			margin: 0;
		}

		body {
			/*background: #290C0C;*/
			background: #2980b9;
			font-family: '微软雅黑';
			color: #fff;
			font-size: 16px;
		}

		.system-message {
			padding: 24px 48px;
		}

		.system-message h1 {
			font-size: 80px;
			font-weight: normal;
			line-height: 120px;
			margin-bottom: 12px
		}

		.system-message .jump {
			padding-top: 10px;
			margin-bottom: 20px
		}

		.system-message .jump a {
			color: #333;
		}

		.system-message .success, .system-message .error {
			line-height: 1.8em;
			font-size: 36px
		}

		.system-message .detail {
			font-size: 12px;
			line-height: 20px;
			margin-top: 12px;
			display: none
		}

		#wait {
			font-size: 46px;
		}

		#btn-stop, #href {
			display: inline-block;
			margin-right: 10px;
			font-size: 16px;
			line-height: 18px;
			text-align: center;
			vertical-align: middle;
			cursor: pointer;
			border: 0 none;
			/*background-color: #8B0000;*/
			background-color: #fff;
			padding: 10px 20px;
			/*color: #fff;*/
			color: #2980b9;
			font-weight: bold;
			border-color: transparent;
			text-decoration: none;
		}

		#btn-stop:hover, #href:hover {
			/*background-color: #ff0000;*/
			background-color: #3c8dbc;
			color: #fff;
		}
	</style>
</head>
<body>
	<div class="system-message">
		<h1>@Model.Title</h1>
		<p class="error">@Model.Message</p>
		<p class="detail"></p>
		<p class="jump">
			<b id="wait">@Model.WaitSecond</b> 秒后页面将自动跳转 @Model.RedirectUrlName
		</p>
		<div>
			<a id="href" id="btn-now" href="@Model.RedirectUrl">立即跳转</a>
			<button id="btn-stop" type="button" onclick="stop()">停止跳转</button>
		</div>
	</div>
	<script type="text/javascript">
		(function () {
			var wait = document.getElementById('wait'), href = document.getElementById('href').href;
			var interval = setInterval(function () {
				var time = --wait.innerHTML;
				if (time <= 0) {
					location.href = href;
					clearInterval(interval);
				};
			}, 1000);
			window.stop = function () {
				console.log(111);
				clearInterval(interval);
			}
		})();
	</script>
</body>
</html>